<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>6-css属性</title>
    <style>
        /* 标签选择器p */
        p{
            /* 属性名:属性值; */
            /* 字体颜色 */
            color: red;
            /* 字体大小 */
            font-size: 30px;
            /* 字体加粗 */
            font-weight: bold;
            /* 字体倾斜i/em */
            font-style: italic;
            /* 背景颜色 */
            background-color: blue;
            /* 宽度 */
            width: 1000px;
            /* 高度 */
            height: 60px;
        }
    </style>
</head>
<body>
    <!-- 
        px 像素单位 

        font-weight字体是否加粗
            取值:
                1) 英文标识  normal bold
                2) 数字     400 500 700 
        font-style 字体风格
            取值:
                normal 默认 正常
                italic 倾斜
     -->
    <p>三登!台风“梅花”登陆青岛</p>
</body>
</html>